class: title-slide <div class="my-logo-right"></div> <br> <br> <br> <br> # Introduction to Data Science ## An interactive ecosystem for learning programming ### .smaller[Stéphane Guerrier, Data Analytics Lab, University of Geneva] ### .smaller[Yuming Zhang, Data Analytics Lab, University of Geneva] ### .smaller[Lionel Voirol, Data Analytics Lab, University of Geneva] <br> --- # The course and its objectives Last year, the course --- # Ressources (1) The course is built around various resources: - An interactive ebook that cover the material discussed during the class. <div align="center"> <iframe id="xaringan_ex" title="xarigan slideshows example" width="900" height="400" src="https://smac-group.github.io/ds/"> </iframe> </div> --- # Ressources (2) Educational video capsules <div align="center"> <iframe width="700" height="415" src="https://www.youtube.com/embed/0zlWcHDKCFw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> --- # Ressources (3) A website that proposes interactive programming exercises and quizz <div align="center"> <iframe id="hike_inc" title="hike_inc" width="900" height="440" src="https://intro-to-ds.netlify.app/"> </iframe> </div> --- # Ressources (4) Educational web applications <div align="center"> <iframe id="hike_inc" title="hike_inc" width="900" height="440" src="https://dal-unige.shinyapps.io/rmd_app/"> </iframe> </div> --- # Automatic customized mass mailing This is an example of a homework where students were required to create <div align="center"> <iframe id="hike_inc" title="hike_inc" width="900" height="440" src="pics/example_email_knife.html"> </iframe> </div> --- # Example of final project For their final project, the students ... <div align="center"> <iframe id="hike_inc" title="hike_inc" width="900" height="440" src="https://data-analytics-lab.shinyapps.io/hike_inc/"> </iframe> </div>